<!--
        *前台会员登录
        * 
        *
        * @author     yuanxi
        * @version    2018-02-28 15:45   
-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>订单详情地址修改</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="/public/static/homes/css/iconfont/iconfont.css" rel="stylesheet"/>
    <link href="/public/static/homes/css/common.css" rel="stylesheet"/>
    <link href="/public/static/homes/css/uc.css" rel="stylesheet"/>
</head>
<body>
   {:widget("Cate/header")}
    

    <div class="wrapper uc-router">
        <ul>
            <li><a href="">首页</a></li>
            <li><span class="divider"></span></li>
            <li><span>会员中心</span></li>
            <li><span class="divider"></span></li>
            <li><span>订单详情地址修改</span></li>
        </ul>
    </div>

    <div class="wrapper">
        <div class="uc-main clearfix" >
            {:widget("Cate/left")}
            <div class="uc-content">
                <div class="uc-panel">
                    <div class="uc-bigtit">收货地址修改</div>
                    <div class="uc-panel-bd">
                        <div class="account-info clearfix">
                        <form action="/myorder/doedit" method="post">
                            <div class="col-userinfo">
                                <div class="control-group">
                                    <div class="hd">收货人：</div>
                                    <div class="bd"><input class="ui-txtin" type="text" name="uname" value="{$data.linkname}"  /></div>
                                </div>
                                <div class="control-group">
                                    <div class="hd">电话：</div>
                                    <div class="bd"><input class="ui-txtin" type="tel" name="phone" value="{$data.phone}" required /></div>
                                </div>
                                
                                <div class="control-group">
                                    <div class="control-group">
                                        <div class="hd vat">
                                            所在地区：
                                        </div>
                                        <div class="bd">

                                            <select id="sid" class="ui-txtin ui-txtin-thin" style="width: 230px;" name="">
                                                <option value="" class="ss">{$data.site}</option>
                                            </select>
                                            <input type="hidden" name="adds" value="{$data.site}">
                                            <div class="mt10">
                                                <input class="ui-txtin ui-txtin-thin" style="width: 560px;" type="text" name="site" id="" placeholder="请填写具体地址，不需要重复填写省/市/区" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <input class="ui-txtin" type="hidden" name="id" value="{$data.id}" />
                                <div class="control-submit">
                                    <input class="ui-btn-theme submit" type="submit" id="ress" value="修改" />
                                </div>
                            </div>
						</form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {:widget("Cate/footer")}
    <script type="text/javascript" src="/public/static/bs/js/jquery-1.8.3.min.js"></script>
    <script>
    //第一级数据
    $.ajax({
        'url':'/address/address',//请求地址
        'type':'get',//类型
        'aysnc':true,
        'data':{upid:0},//附加参数
        'dataType':'json',//响应数据类型
        success:
        function(data){
            //遍历
            for(var i=0;i<data.length;i++){
                $(".ss").attr("disabled",true);
                //1.把遍历出来的数据添加到option标签里
                o='<option value="'+data[i].id+'">'+data[i].name+'</option>';
                //2.把带有数据的option选项内部插入到 id值是sid的select里
                $("#sid").append(o);
            }
        },
        error:
        function(){
            alert('Ajax响应失败');
        }
    });

    //Ajax 其他级别
    //live 绑定事件和事件处理函数
    $("select").live('change',function(){
        ob=$(this);
        //清除其他累积数据
        ob.nextAll("select").remove();
        //获取上一级别id(当做其他级别upid)
        upid=ob.val();
        $.ajax({
        'url':'/address/address',//请求地址
        'type':'get',//类型
        'aysnc':true,
        'data':{upid:upid},//附加参数
        'dataType':'json',//响应数据类型
        success:
        function(data){
            //创建select
            select=$("<select></select>");
            //内部追加
            select.append("<option value='' class='mm'>--请选择--</option>");
            // alert(data);
            if(data.length>0){
            //遍历
            for(var i=0;i<data.length;i++){
                //1.把遍历出来的数据添加到option标签里
                o='<option value="'+data[i].id+'">'+data[i].name+'</option>';
                //2.把带有数据的option选项内部插入到 创建好的select里
                select.append(o);
            }
            //追加select
            ob.after(select);
            $(".mm").attr("disabled",true);
            }
        },
        error:
            function(){
                alert('Ajax响应失败');
            }
        });
    });
//提交获取选中数据
    $("#ress").click(function(){
        arr=[];
        //遍历select
        $("select").each(function(){
            //获取选中数据
            adds=$(this).find("option:selected").html();
            arr.push(adds);
        });
        //赋值给隐藏域
        $("input[name='adds']").val(arr);
    })
</script>